<div id="rodape">
 		<div id="regioes">
			<div class="estados">
				<div class="box_titulo">
					<h4 class="titulo_anuncio">An&uacute;ncios por estado</h4>
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >AC</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >AL</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >AM</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >AP</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >BA</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >CE</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >DF</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >ES</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >GO</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >MA</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >MG</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >MS</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >MT</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >PA</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >PB</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >PE</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >PI</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >PR</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >RJ</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >RN</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >RO</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >RR</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >RS</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >SC</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >SE</a> 
				</div>
				<div class="box_estado">
					<a href="#" title="Portal 180graus" >SP</a> 
				</div>
				<div class="box_estado last">
					<a href="#" title="Portal 180graus" >TO</a> 
				</div>
			</div>
			<div class="cidades">
				<div class="box_titulo">				
					<h4 class="titulo_anuncio">An&uacute;ncios por cidade <span>- PI</span></h4>
					<a class="bandeira pi">PI</a><a class="bandeira ma">MA</a>
				</div>
				<div id="sliderCidades">
					<div class="box_pagCidades">
						<ul class="box_cidades">
						{%for cid in listaCidades %}
							{%if forloop.counter|divisibleby:"14"%}
								<li><a href="/busca/?busca=&cidade={{cid.id}}" title="Anuncios classificados de {{cid.nome}}">{{cid.nome}}</a></li>
								{%if forloop.counter|divisibleby:"70" %}
										</ul>
									</div>
									<div class="box_pagCidades">
								{%else%}	
									</ul>								
								{%endif%}
								{%if forloop.counter|divisibleby:"56" %}
									<ul class="box_cidades last">
								{%else%}
									<ul class="box_cidades">
								{%endif%}
							{%else%}
								<li><a href="/busca/?busca=&cidade={{cid.id}}" title="Anuncios classificados de {{cid.nome}}">{{cid.nome}}</a></li>
							{%endif%}
						{%endfor%}	
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div id="ft_top">
				<div id="ft_logo">
					<a href="/home/"><img src="{{MEDIA_URL}}imagens/logo.png"></a>
				</div>
				<ul id="ft_links" >
					<li><a href="/duvidas/">D&uacute;vidas frequentes</a></li>
					<li><a href="/termos/">Regras de uso</a></li>
					<li><a href="/denuncie/">Denuncie an&uacute;ncios</a></li>
					<li><a href="/cadastrarUser/">Cadastre-se</a></li>
					<li><a href="/anunciar/">Vender</a></li>
					<li class="last"><a href="#">Fale conosco</a></li>
				</ul>
				<div id="ft_social">
					<div class="unit_social">
							<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fclassi180&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
					</div>
					<!-- div class="unit_social">
						<g:plusone  href="http://www.180graus.com/"></g:plusone>
					</div> -->
				</div> 
			</div>
			<div id="ft_bottom">
				 1996-2012 180graus. Todos os direitos reservados. 
			</div>
		</div>
	</div>